<template>
	<view class="Flower_gift">
		<view class="card_content">
			<!-- tabs -->
			<view class="tabs">
				<u-tabs activeStyle="color:#ff0000" lineWidth="250rpx" lineColor="#ff0000" :list="tabsData" :scrollable="false" @click="(i)=>flowerList.current=i.index" ></u-tabs>
			</view>
			<!-- 标题 -->
			<view class="title">
				<text style="width: 200rpx;">名称</text>
				<text>类型</text>
				<text>对方留言</text>
				<text>时间</text>
			</view>
			<!-- 礼物列表 -->
			<view class="gift_list">
				<flowerCard></flowerCard>
			</view>
		</view>
	</view>
</template>

<script setup>
import { reactive } from "vue";
	//tabs数据
	 const tabsData=reactive([
		 {name:'收到的鲜花礼物'},
		 {name:'送出的鲜花礼物'},
	 ])
	 // 礼物列表
	 const flowerList=reactive({
		 type:'0',//收到;0/送出:1
		 list:[],
		 current:"0",
	 })
	 
</script>

<style lang="scss">
.Flower_gift{
	height: 100vh;
	background: #f3f5f5;
	padding: 30rpx 20rpx;
	.card_content{
		background: #fff;
		border-radius: 20rpx;
	}
	.title{
		text-align: center;
		display: flex;
		justify-content: space-around;
		padding: 20rpx 0;
	}
}
</style>
